<!DOCTYPE html>
<html ng-app="estudianteApp">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link rel="stylesheet" type="text/css" href="../../css/smart_icons_styles.css">
  <link rel="stylesheet" type="text/css" href="css/smart_menu.css">
  <link rel="stylesheet" type="text/css" href="../../css/smart_general.css">
        <!-- Importarmos angular JS -->
	    <script type="text/javascript" src="js/angular-upload-0.4.0/angular-file-upload-shim.js"></script>
		<script type="text/javascript" src="js/angular-1.4.7/angular.js"></script>
		<script type="text/javascript" src="js/angular-1.4.7/angular-resource.js"></script>
    	<script type="text/javascript" src="js/angular-1.4.7/angular-animate.js"></script>
    	<script type="text/javascript" src="js/angular-1.4.7/angular-sanitize.js"></script>
    	
    	<script type="text/javascript" src="js/ui-router/release/angular-ui-router.js"></script>
    	<script type="text/javascript" src="js/angular-upload-0.4.0/angular-file-upload.js"></script>
    	<script type="text/javascript" src="js/angular-strap-2.0.0/angular-strap.js"></script>
    	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
    	<script type="text/javascript" src="js/ng-grid-2.0.7/ng-grid-2.0.7.debug.js"></script>
    	
    	<!-- importar script para las funciones del formulario -->
    	<script type="text/javascript" src="script/estudiante_app.js"></script>
    	<script type="text/javascript" src="script/estudiante_services.js"></script>
		<script type="text/javascript" src="script/estudiante_controller.js"></script>
  
<title>Estudiante</title>
</head>
<body ng-controller="estudianteCtrl">
		<div class="col-md-10" id="frame">
		<div class="panel panel-primary ng-scope">
   
		    <div class="panel-heading">Estudiante
		 	<a href="#"><span class="img"><img src="../../imagene/eliminar.png" style="float:right;"  ng-click="eliminar(estudiante)" title= "Eliminar estudiante"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/limpiar.png" style="float:right;"  ng-click="limpiar(estudiante)" title= "Limpiar"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/consultar.png" style="float:right;" ng-click="consultar(estudiante)" title= "Consultar estudiante"></span></a>
		 	<a href="#"><span class="img"><img src="../../imagene/guardar.png" style="float:right;"   ng-click="grabar(estudiante)" tilte= "Guardar estudiante"></span></a>
		  </div>
		  <div class="panel-body">
			<form>

				<div class="alert alert-info alert-dismissable">
					<h4>Alertas!</h4>Si presenta algun error aqui los puede observar
				</div>
					<h3>Estudiante</h3>

					<div>
						<table style="width:100%" class="form">
							<tr>
								<td>
									<label>Tipo De Identificación*</label>
									<select class="seleccion" ng-model="estudiante.tipo de identificacion">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>	
								<td>
									<label>Numero De Identificación*</label>	
									<input type="text" placeholder="Ingrese el Numero De Identificacion" class="texto" style="width:220px;" ng-model="estudiante.identificacion">
								</td>
								<td>
									<label>Nombre*</label>	
									<input id="Nombre" type="text" placeholder="Ingrese el Nombre" class="texto"style="width:320px;" ng-model="estudiante.nombre">
								</td>
							
							</tr>							
							<tr>
								<td>
									<label class="" for="Apellido">Apellido*</label>	
									<input id="Apellido" type="text" placeholder="Ingrese el Apellido" class="texto" style="width:315px;" ng-model="estudiante.apellido">
								</td>
								<td>
									<label>Fecha De Nacimiento*</label>
									<select class="seleccion" style="width:265px;"ng-model="estudiante.fecha de nacimiento>
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>	
								<td>
									<label >estudiante*</label>	
									<input id="estudiante" type="text" placeholder="Ingrese el estudiante" class="texto" style="width:305px;" ng-model="estudiante.estudiante">
								</td>
							</tr>
							<tr>
								<td>
									<label>Ciudad*</label>	
									<input id="Ciudad" type="text" placeholder="Ingrese el Ciudad" class="texto" style="width:320px;"ng-model="estudiante.ciudad">
								</td>
								<td>
									<label>Dirección*</label>	
									<input id="Direccion" type="text" placeholder="Ingrese el Direccion" class="texto" style="width:320px;"ng-model="estudiante.direccion">
								</td>
							    <td>
									<label>Barrio*</label>	
									<input id="Barrio*" type="text" placeholder="Ingrese el Barrio*" class="texto" style="width:330px;"ng-model="estudiante.barrio">
								</td>
								
							</tr>
							<tr>
								<td>
									<label>Teléfono*</label>	
									<input id="Telefono*" type="text" placeholder="Ingrese el Telefono*" class="texto" style="width:310px;"ng-model="estudiante.telefono">
								</td>
								<td>
									<label>Email*</label>	
									<input id="Email*" type="text" placeholder="Ingrese el Email*" class="texto" style="width:345px;"ng-model="estudiante.email">
								</td>
								<td>
									<label>eps*</label>	
									<input id="eps" type="text" placeholder="Ingrese el eps" class="texto" style="width:345px;"ng-model="estudiante.eps">
								</td>	
								
							</tr>	
							<tr>
								<td>
									<label>Religión*</label>
									<select class="seleccion" style="width:340px;"ng-model="estudiante.religion">
									  <option value="Seleccionar" >Seleccionar</option>
									</select>
								</td>
								<td>
									<label>RH*</label>
									<select class="seleccion" style="width:385px;"ng-model="estudiante.RH">
									  <option value="Seleccionar">Seleccionar</option>
									</select>
								</td>
							</tr>
						</table>
					</div>

			</form>
  
  </div>
</div> 
</div>
</body>
</html>